<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" style="background-color: #5ca9df;">
<head>
  <meta charset="UTF-8">
  <title>找回密码验证码邮件</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      color: #ffffff;
      text-align: center;
      padding: 20px;
      background-color: #5ca9df;
    }
    a {
      color: #ffffff;
      text-decoration: underline;
    }
    h2, p {
      margin-bottom: 15px;
    }
  </style>
</head>
  <body>
    <h2 style="color: #ffffff;">您好，这是一封找回密码的验证码邮件。</h2>
    <p style="font-size: 18px;">您在找回密码时请求了验证码，以下是您的验证码：</p>
    <p style="font-size: 24px; margin-bottom: 20px;"><strong th:text="${verificationCode}"></strong></p>
    <p style="font-size: 16px;">请在找回密码的页面输入此验证码以完成密码重置。</p>
    <p style="font-size: 14px;">注意事项：</p>
    <ul style="list-style-type: disc; color: #ffffff; font-size: 14px; padding-left: 20px;">
      <li>验证码的有效期为30分钟，请在有效期内使用。</li>
      <li>请勿将验证码分享给他人。</li>
      <li>如果多次尝试输入错误的验证码，您的账户可能会被暂时锁定。</li>
      <li>如果这不是您请求的操作，请立即回复此邮件，联系我们的客服。</li>
    </ul>
    <p style="font-size: 14px; margin-top: 20px;">感谢您的支持与配合！</p>
  </body>
</html>